*{
    margin: 0;padding: 0;
    font-family:"agency fb";
}
li{list-style: none;};
a{text-decoration: none;}

@mixin wh($w,$h){
    width:$w;
    height: $h;
}
@mixin zx($z,$c){
    font-size:$z;
    color: $c;
}

@mixin DMK(){
     a{
         @include zx(12px,#666666)  
   };
   .guan{
       display: inline-block;
       width: 0px;
       height:20px;
       border-left:1px solid #ccc;
   }  
}

body{
    header{
       @include wh(100%,33px);
       background:#F7F7F7;
       border-bottom:1px solid #ccc;
       .title{
           @include wh(90%,100%)
           margin: 0 auto;
           display:flex;justify-content: space-between;
              align-items: center;
           .p1{
              width: 17%;
              height: 100%;
              display:flex;justify-content: space-between;
              align-items: center;
               .span1{
                  @include zx(15px,#118855);
               }
               @include DMK()
           };
           .p2{
              @include wh(43%,100%)
              display:flex;justify-content: space-between;
              align-items: center;
              @include DMK();
               a{font-weight:500;text-decoration: none;};
              .dropdown{
                  display: inline-block;
                  .dropdown-menu{
                      min-width:100px;
                      position: absolute;
                      left:-20%;
                  }
              }
               
           }
           
       }  
    }
    
     nav{
           @include wh(90%,80px);
           margin:10px auto;
           display: flex;
           justify-content: space-between;
           ul{
           display: flex;
           justify-content: space-between;
           height: 80px;
           align-items: center;
               li{
                   position: relative;
                  a{
                      padding: 15px;
                      @include zx(18px,black)
                     &:hover{
                         color: black;
                         text-decoration: none;
                         background: #F4F4F4;
                     }
                  };
                  img{
                      position: absolute;
                      top: -15px;
                      right: 0;
                  }  
               }
           }
       }
       
       
       .banner{
           @include wh(90%,auto);
           margin:0 auto;
           #oll{
               width:200px;
               bottom:10px;
               left:88%;
               margin: 0;
               li{
                   @include wh(15px,15px)
                   border: none;
                   background:rgba(255,255,255,0.8);
               };
               .active{
                  background:rgba(0,0,0,0.8);
               }
           }
       }
       
       
}
